import { useIntersectionObserver } from '@vueuse/core'

export const lazyPlugin ={
    install (app){
        app.directive('img-lazy',{
            mounted(el,binding){
                const { stop } = useIntersectionObserver(
                    el,
                    ([{ isIntersecting }]) => {
                    //   console.log(isIntersecting)
                      if (isIntersecting) {
                        // 进入视口区域
                        el.src = binding.value
                        stop()
                      }
                    },
                  )
        
            }
        })
        
    }
} 